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Resumo Aula Anterior 



• Prototipos de baixa fidelidade 

- Componentes da IU 

- Dispositivo fisico 

- E Facil, E Barato,... 

- Permitem experimentar multiplas alternativas 

• Materials simples 

- Papel, lapis, cola, tesoura, etc. 

• ZERO linhas de codigo 

• ZERO Bugs para corrigir 

• Wizard-of-Oz para novas modalidades 
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Sumario 



Avaliagao de Usabilidade 

Avaliagao Heuristica 
-O que e? 

- N° de Avaliadores 
-Heuristicas de Usabilidade 

- Fases da Av. Heuristica 

-Como relatar resultados da Av. Heur. 
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O Passo Seguinte? 



Avaliar 



-Analise de Tarefas 
-Cenarios do Problema 



Analise de 
Requisitos 



-Modelo Conceptual 
-Cenarios de Actividade 



Desenhar 




Prototipar -PBF 

-Storyboards 
-Cenarios de Interacgao 
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Avaliagao de Usabilidade 



• Testa a usabilidade e funcionalidade do 
sistema 

• Metodos Analiticos (por analise, sem 
utilizadores): 

- Avaliagao Heuristica (Avaliagao por peritos) 

- Avaliagao Preditiva (Modelos): GOMS, CCT, KLM 

• Metodos Empiricos (com utilizadores): 

- Avaliagao com utilizadores 

• Requer um prototipo funcional 
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Avaliagao Heuristica 



Metodo para avaliar IU de forma 

- Rapida, Barata e Simples 

- Rapida 

• Um dia ou menos para aplicar 

• Testes com utilizadores podem levar semanas 

- Barata 

• Nao precisa de laboratories ou equipamento 

- Facil de usar 

• Pode ensinar-se em duas horas (ou menos) 
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IV. 1 Avaliacao por Peritos (Aval. Heuristica) 



Avaliacao Heuristica 



• Desenvolvida por Jakob Nielsen e Molich 

• Ajuda a encontrar problemas de Usabilidade 
no projecto de IU 

• Pequeno conjunto de avaliadores (< = 5) 
examinam IU 

- Verificam individualmente aderencia a 
Heunsticas de Usabilidade 

- Diferentes avaliadores detectarao problemas 
diferentes 

- Consolidam descobertas em relatorio 

• Boa para avaliar designs iniciais e prototipos 



IV, 1 - Avaliacao por Peritos (Avaliacao Heuristica) 



Porque Varios Avaliadores? 



• Um so avaliador pode fazer AH, mas 

- Identificara apenas 35% dos problemas 

• Melhor com varios avaliadores 

- Cada um identifica problemas diferentes 

• N° exacto depende analise beneffcio-custo 

- Situagao normal 3-5 avaliadores (75%) 

- Situagoes criticas -> muitos avaliadores 
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Number of Evaluators 




5 10 

Number of Evatuators 
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Porque Varios Avaliadores? 



N° de problemas identificados 
depende da experiencia dos 
avaliadores 
- Novigos 

• Apenas conhecimentos de computadores 

• Sem pericia em usabilidade 

• Identificaram 22% dos problemas 

-Peritos em usabilidade (nao no tipo de IU) 

• Identificaram 41% dos problemas 

-Peritos em usabilidade e no tipo de IU 

• Identificaram 60% dos problemas 
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Porque Varios Avaliadores? 



• Nem todos os 
avaliadores 
detectam todos os 
problemas 

• Bons avaliadores 
detectam problemas 
faceis e dificeis 
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Processo de Avaliacao Heuristica 



Avaliadores exercitam a IU varias vezes 

- Inspecionam varios elementos de dialogo 

- Comparam com lista de principios de 
usabilidade 

Principios de usabilidade 

- Heunsticas de Nielsen 

- Lista suplementar de heunsticas especificas da 
categoria 

Usar violagoes dos principios para 
redesenhar/ corrigir problemas 
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Heunsticas de Usabilidade 



H2-1 - Tornar estado do sistema visivel 

H2-2 - Falar a linguagem do utilizador 

H2-3 - Utilizador controla e exerce livre-arbitrio 

H2-4 - Consistencia e Aderencia a Normas 

H2-5 - Evitar Erros 

H2-6 - Reconhecimento em vez de lembranga 

H2-7 - Flexibilidade e Eficiencia 

H2-8 - Desenho de ecra estetico e minimalista 

H2-9 - Ajudar utilizador a reconhecer, diagnosticar 
e recuperar dos erros 

H2-10 - Dar Ajuda e Documentagao 
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IV. 1 Avaliagao por Peritos (Aval. Heuristica) 



H2-1: Tornar estado do sistema visfvel 



Dar sempre a conhecer aos utilizadores 
onde estao 

- De onde verm e para onde podem ir 

Informar os utilizadores do que se esta a 
passar 

- De forma clara e sucinta 

- Em tempo util: 

• 0.1 s: nao sao precisos indicadores 

• 1.0 s: utilizador tende a divagar 

• 10 s: indicador de duragao maxima para fixar 
atengao utilizador 

• para tempos de resposta mais demorados: 
indicadores de progresso 
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H2-1: Tornar estado do sistema visfvel 



Time Left: 00:00:1 9 searching database for matches 



■■■■■■■■■■■■■■■■■III 



■ 



AB% 



Bom 



■i Forml 



HMZ\ 



Saving... 



Cancel 



*i Forml 



£MZ\ 



Saving file heuristics. ppt in 
folder topics 



Cancel 



Mau 



Medio 
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H2-1: Tornar estado do sistema visfvel 



_t]x| 



-i"»i% Type the name oF a program, Folder, document, or 
V fl / Internet resource, and Windows will open it for you 



Open: JU192. 168,0.1 




OK 



J 


q 


[?&_ 



9 



AJ 



Bom 



3 




l | 1 min 



depois 



■A 192. 168.0.1 



© 



\\192. 168.0.1 

The network path was not Pound. 



OK 



Mau 
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H2-2: Falar a linguagem do utilizador 



Usar terminologia familiar ao utilizador 
Nao usar termos orientados ao sistema 
- Ex. Maquina de levantar dinheiro 



* Withdrawals 



ma 



Maximum withdrawal of $50 
at this time 



$50 ! 



$100 



$150 



1 «i Withdrawals | ] | 










X.25 connection discarded 
due to network congestion. 
Local limits now in effect 














| $50 | 


$100 


$150 





Bom 



Mau 
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H2-2: Falar a linguagem do utilizador 



7 S 

My program gave me the 

message Rstrd Info. 

What does it mean? 



That's 
restricted 
information 




Hmm... but what 
does it mean ??? 



It means the program 
is too busy to let you 
log on 




But surely you can 
tell me!!! 




No, no... Rsdrd Info 

stands for "Restricted 

Information" 



Ok, I'll take a 
coffee 
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H2-3: 

Utilizador controla e exerce livre-arbftrio 



Oferecer meios para sair de situagoes 
inesperadas (erros) 

Nao obrigar a caminhos inflexiveis 

Estrategia 

- Botao de Cancel 

• dialogos que esperam dados de entrada 

- Suportar Undo / Redo 

- Opgao de Sair 

• deixar o programa em qualquer altura 

- Defaults (para recuperar configuragoes) 
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IV. 1 Avaliacao por Peritos (Aval. Heuristica) 



H2-3: 

Utilizador controla e exerce livre-arbftrio 



r 



WinZip Wizard - Unzip [transporte.zip] 




Click "Unzip Now" to unzip to the selected folder. 



Selected Folder: 



IcAunzipped^transporte 



Select different folder... I 

V Overwrite matching files automatically 
[^ Display file icons after unzipping 



Bom 



Mau 



Update 



4J 



Adobe Acrobat has been updated. Please restart before continue. 



OK 
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H2-4: Consistencia e Aderencia a Normas 



Utilizadores nao se devem preocupar quando e 
que diferentes palavras, situagoes ou acgoes 
significam a mesma coisa. Sigam as convengoes 
da plataforma 

- WWW -Elos (links) de cor azul ("toda" a gente usa) 

- Dialogos do Windows 

• mesmo elemento da interface com significado diferente 
(botao de Cancel) 



QiQA.exe - Common Language Runtime Debugging Services j 



J\ 



Application has generated an exception that could not be handled. 

Process id=0xfbQ (1016)., Thread id =0x234 (564). 

Click OK to terminate the application. 
Click CANCEL to debug the application. 



OK 



Cancel 
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H2-4: Consistencia e Aderencia a Normas 





• Efeitos consistentes 

- Comandos e acgoes com o mesmo efeito 
em situagoes equivalentes - sistema 
previsfvel 

• Definir terminologia, cores, 
localizagao de elementos, etc... 

- Respeitar esta definigao em toda a IU 



ami 



"III ^™ 


^|xj 






1 OK | 


Cancel 


Help | 
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H2-5: Evitar Erros 



• "Melhor que uma boa mensagem de erro e evitar o 
erro" 

• Minimizar uso do teclado 

- Numero de erros ~ teclas premidas 

• Verificar valores introduzidos 

- Comprar 5000 Livros de IPM ?! 

• Existem widgets que so aceitam dados validos 
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Month 
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Day 


Year 


|22 


|l 997 


Month 


Day 
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Appointment 



General | Attendees | Notes | Planner | 
-When- 



Start: | 8 :30AM t| |Wed 5 /1 4/97 J 



End: | 4 :30PM 4j 



description: 



iptic 



Ss Whe: 



Wed 5 /14/97 j 



T All daj; 



Maji1997 J 

M T W T F S 



Smart Technology Sen 2 " ) 1 [2 3 
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TTC^l 

Reconhecimento em vez de Lembranga 



-Tornar objectos, acgoes e indicagoes 

• Visiveis 

• Faceis de identificar e recuperar 

• Mesmo sem nunca os ter visto antes 
entende-se o seu significado 

- Maus exemplos: 

• Icones sem significado 

• Nomes mal escolhidos 

• Indicagoes insuficientes 

• Acgoes mal identificadas 
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TTC^l 

Reconhecimento em vez de Lembranga 



Font 



Latin text font: 



I Verdana 

Complex scripts font: 



-Effects 

V Underline 
I Shadow 

V Emboss 



\JM 



~B 



Font style: 



Regular 



~H 



Regular 



Italic 
Bold Italic 



\~~ Superscript 

Offset: fo - 
V Subscript 



"3* 



24 
24 
28 
32 
36 r—. 

40 bd 

Color : 



V Default for new object:; 



M 



<H - B I U S 



Ifc Browallia New 
If BrcmalliaUPC 
* Calisto MT 



CASTEIIAR 



* Century Gothic 
It Century Schoolbook 
It Comic Sans MS 

* Copperplate Gothic b<] 



H 
H 



UE\ 




Clip Art Keywords: Bear 
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IV. 1 Avaliacao por Peritos (Aval. Heuristica) 



H2-7: Flexibilidade e Eficiencia 



• Utilizagao de aceleradores 

- para peritos (gestos, teclas de atalho, 
comandos pela fala, etc.) 

• Macros para programar acgoes repetitivas 

• Escolher que acgoes sao mais frequentes 

- Que botoes aparecem nas barras de 
ferramentas 

- Que metodos estao associados a aceleradores 

• Interfaces devem-se adaptar ao utilizador 

- Nunca o contrario! 
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H2-7: Flexibilidade e Eficiencia 



Edit 
m 


View Insert Format Too 


Undo Slide Layout 


Ctrl+Z i 




Repeat Next Slide 


Ctrl+Y 


Cut 


Ctrl+X 


% 


Copy 


Ctrl+C 


m 


Office Clipboard... 




m 


Paste 

Paste Special... 

Paste as Hyperlink 


Ctrl+V \ 


Clear 


Del ' 




Select A|l 


Ctrl+A 




Duplicate 


Ctrl+D 


*\ 


Delete Slide 




Find... 


Ctrl+F 




Replace,,, 


Ctrl+H 




Go to Property... 




Text Object 



-AH-v0.2.ppt] 



Adobe PDF 
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H2-8: 

Desenho de ecra Estetico e Minimalista 



Apresentar apenas a informagao que o utilizador 
necessita 

Menos e mais 

- Menos para aprender, para perceber mal, para distrair, etc. 

Informagao deve aparecer numa ordem natural 

- Informagao relacionada deve estar graficamente agrupada 

- A ordem de acesso a informagao deve estar de acordo com 
as expectativas do utilizador (morada) 

Eliminar ou esconder informagao irrelevante ou 
raramente necessaria 

- Vai competir com informagao importante 
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H2-8: 

Desenho de ecra Estetico e Minimalista 
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H2-8: 

Desenho de ecra Estetico e Minimalista 
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H2-9: Ajudar utilizador a reconhecer, 
diaqnosticar e resolv er erros 



Mensagens de erro na linguagem do 
utilizador 

Indicar claramente o problema 

Sugerir construtivamente a solugao 

WWW: Busca que nao conduz a 
resultados - sugerir criterios menos 
restritos. 
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IV. 1 Avaliagao por Peritos (Aval. Heuristica) 



H2-9: Um bom exemplo 



Google 



Web Imagens Grupos Notlcias 



I restauranties em lisboa| 



Wps^i i-i^r-'- 



Pesquisar: © a web O paginas escritas em Portugues O paginas de Portugal 



Web 

Sera que quis dizer: restaurantes em lisboa 

Nao foram encontradas paginas padrao na Web contendo todos os termos da sua consulta. 

A sua pesquisa - restauranties em lisboa - nao encontrou nenhurn 
documento. 



Sugestoes: 

* Verifique que nenhuma palavra contem erros ortograficos. 

* Tente utilizar outras palavras-chave. 

* Tente palavras-chave mais gerais. 

* Tente com menos palavras-chave. 
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H2-9: Ajudar utilizador a reconhecer, 
diagnosticar e resolv er erros 



ImageReady 


&% Could not fully start the application because a 
\£ pointer was nil when it should not have been. 




i OK i 











Eiroi Deleting File 






Cannot delete 01 6: There is not enough free disk space. 
Delete one or more files to free disk space, and then try again. 



OK 



Revision Master 




Failed to check out file. An error occurred while accessing the library, 
f \ The error was: No error occured. 
Try again? 



Yes 



No 



IV. 1 - Avaliagao por Peritos (Avaliagao Heuristica) 



32 



H2-10: Dar ajuda e Documentagao 



A Ajuda nao e substituto de um mau 
desenho da IU! 



A ajuda 

- Facil de pesquisar 

- Centrada na tarefa utilizador 

- Listar passos concretos para concretizar a 
tarefa 

- Nao demasiado extensa 

- No contexto 

O sistema nao deve depender dela para 
ser utilizado 

- Utilizador realiza as tarefas sem necessidade 
de a consultar 
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Fases da Avaliagao Heuristica 



1. Treino pre-avaliagao 

• Dar conhecimento aos avaliadores da 
funcionalidade 

• Informagao sobre cenarios de interacgao 

2. Avaliagao 

• Individual, seguida de consolidagao de 
resultados 

3. Classificagao de severidade 

• Determinar a gravidade de cada problema 
(prioridade) 

• Pode-se fazer 1° individualmente e depois em 
grupo 

4. Relatar (Debriefing) 

• Discutir resultados com equipa de projecto 
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Como conduzir Avaliagao 



• Pelo menos dois passos por avaliador 

- Primeiro para familiarizar com aplicagao 

- segundo para focar em elementos especificos 

• Cada avaliador produz lista de problemas 

- Explicar com referenda a heuristica relevante ou outra 
informagao 

- Ser especifico 

- Listar cada problema em separado 

- Sugerir solugao 
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IV. 1 Avaliacao por Peritos (Aval. Heuristica) 



Exemplo de Problemas 



Problema: Campo da data nao indica formato 

- Viola "H2-5: Evitar erros" 

- Correcgao: Substituir campo por um calendario 



Problema: Tipografia mistura letra maiuscula e 
minuscula e tipos 

- viola "H2-4: Consistencia e Aderencia a Normas" 

- atrapalha utilizadores 

- Correcgao: usar um so tipo em toda a interface 

• talvez nao fosse identificado por testes de utilizagao 
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Graus de Severidade 



• Permitem atribuir recursos a solugao de problemas 

• Estimativas de esforgo a investir em usabilidade 

• Como se determina? Combinando 

- frequencia do problema (quantas vezes) 

- impacto do problema (quao grave cada ocorrencia) 

- persistencia do problema 

• Isolado - so acontece uma vez (Apple) 

• Repetitivo 

• Efectuados independentemente por todos os 
avaliadores 

• Calculados depois de consolidar avaliagoes 
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Graus de Severidade 



- nao ha consenso quanto a problema de 
usabilidade 

1 - problema cosmetico 

2 - problema menor 

3 - problema importante de usabilidade - corrigir 

4 - CATASTROFE de usabilidade - imperativo 
corrigir! 
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Como Relatar {Debriefing) 



Sessao com avaliadores, observadores e 
equipa de projecto 

Discutir caracteristicas gerais da IU 

Sugerir possiveis melhoramentos para 
resolver principals problemas de usabilidade 

Equipa de projecto avalia custos de corrigir 
cada problema 

Sessao de brainstorming 

- minimizar criticas negativas durante o exercicio 



IV 1 - Avaliacao por Peritos (Avaliacao Heuristica) 



40 



Exemplo de Problema 



• Nomes diferentes para operagao Guardar 

- H2-4: Consistencia 

- Descricao: A interface usa "Salvaguardar" no 
primeiro ecra para salvaguardar ficheiro do 
utilizador, mas usa "Guardar Ficheiro" em 
ecras subsequentes. uso de terminologia 
diferente para a mesma fungao pode confundir 
os utilizadores. 

- Correcgao: Definir uma terminologia e usa-la 
sempre. 

- Severidade: 3 
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Conclusoes 



Avaliagao heuristica: 

- e facil, e barata, da milhoes 

Analisar se conforme as heurlsticas 

- Anotar nao conformidade (onde, qual, porque ?) 

Combinar resultados da avaliagao 

- 3-5 avaliadores 

Avaliadores classificam severidade 
independentemente 

Discutir problemas com equipa de projecto 
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IV. 1 Avaliagao por Peritos (Aval. Heuristica) 



Proxima Aula 



Exercicio de Avaliagao Heuristica 



Modelos para Avaliagao Preditiva 
- Hierarquia de Objectivos e Tarefas 

• GOMS 

• CCT 

-Modelos Fisicos e de Dispositivos 

• KLM 
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